<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">

<script type="text/javascript" src="../js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.rwdImageMaps.js"></script>

<script type="text/javascript" src="../contextmenu/ jquery.ui.position.js"></script>
<script type="text/javascript" src="../contextmenu/jquery.contextMenu.js"></script>

<script type="text/javascript" src="home.js"></script>

<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="../contextmenu/jquery.contextMenu.css">

<title>Il mondo di Populon</title>
</head>
<body>

	<div class="mapDiv">
		<img class="map context-menu-html5menu" alt="Mappa di Populon" src="../images/mapcolorconfiniregni.jpg"
			usemap="mapAreas">
		<div class="menu">
			<span>Menu</span> <a href="../map/map.html">Populon Maps</a><br /> <a href="../oros/oros.html">Oros</a><br /> <a
				href="../arena/arena.html">Arena</a><br />

		</div>
		<img class="compassRose" alt="Rosa dei venti" src="rosa_dei_venti.svg">
	</div>

	<map name="mapAreas">
		<area href="../oros/oros.html" shape="poly"
			coords="1513,1013, 1773,878, 1877,890, 1982,1141, 1900, 1280, 1830,1290, 1910,1244, 1917,1090, 1813,1243, 1480,1170">
	</map>

	<!-- <menu id="mapContextMenu" class="contextMenu">
		<command type="command" label="Orors" onclick="window.location.href='../oros/oros.html';"></command>
		<command type="command" label="Myorning" onclick="" disabled="true"></command>
		<command type="command" label="Glamordir" onclick="" disabled="true"></command>
	</menu> -->


	<script type="text/javascript">
		$(function() {
			$('img[usemap]').rwdImageMaps();
			new MenuController($('.compassRose'), $('.menu'));

			/*$.contextMenu({
				selector : '.context-menu-html5menu',
				items : $.contextMenu.fromMenu($('#mapContextMenu'))
			});*/

		});
	</script>
</body>
</html>